<template>
  <div class="messageInfo">
    <div class="titleBar">
      <h3>{{title}}</h3>
      <p class="date">{{create_time|time}}</p>
    </div>
    <div class="content">
      <p>{{content}}</p>
      <p>支持微信在线支付！有任何疑问请联系我们！</p>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      loading: false,
      content: ''
    }
  },
  created() {
    if(this.$route.query.id){
      this.title = this.$route.query.title
      this.create_time = this.$route.query.create_time
      this.content = this.$route.query.content
    }
  },
  mounted(){
    this.$progress.done()
  },
  components: {

  }
}
</script>

<style lang="scss" scoped>
.messageInfo{
  padding: 30px 16px;
  .titleBar{
    h3{
      font-size:18px;
      font-family:PingFang-SC-Medium;
      font-weight:bold;
      color:rgba(51,51,51,1);
      margin-bottom: 10px;
    }
    .date{
      font-size:12px;
      font-family:PingFang-SC-Medium;
      font-weight:500;
      color:rgba(153,153,153,1);
      margin-bottom: 10px;
    }
    border-bottom: 1PX solid rgba(210,210,210,1)
  }
  .content{
    height: 292px;
    box-sizing: border-box;
    padding: 20px 0;
    font-size:15px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:26px;
  }
}
</style>
